<template>
    <el-container :style="{height: '100%'}">
        <el-aside>
            <div class="title">
                <h3>考了个试</h3>
            </div>
            <el-menu background-color="#001529" text-color="#fff" router>
                <el-menu-item index="make-paper">
                    创建试卷
                </el-menu-item>
                <el-menu-item index="all-paper">
                    全部试卷
                </el-menu-item>
            </el-menu>
        </el-aside>
        <el-container>
        <el-header>
            <el-row>
                <el-col :md="{offset:20,span:4}" :style="{padding: '15px 0px'}">
                    <el-dropdown>
                        <el-avatar size="small">
                            {{'X'}}
                        </el-avatar>
                        <el-dropdown-menu>
                            <el-dropdown-item>修改密码</el-dropdown-item>
                            <el-dropdown-item >退出登录</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </el-col>
            </el-row>
        </el-header>
        <el-main>
            <div style="background-color: #fff;">
                <router-view></router-view>
            </div>
        </el-main>
        </el-container>
    </el-container>
</template>
<script>
    export default{
        name: "AdminLayout",
        data(){
            return {

            }
        },
        methods:{

        },
        mounted(){
            
        }
    }
</script>
<style scoped>
    .title {
        background-color:#00284d;
    }
    .title>h3{
        color: #fff;
        margin: 0px;
        padding: 17px 0px;
    }
    header {
        padding: 0px;
        border-bottom: 1px solid #ddd;
    }
    aside {
        background-color: #001529;
    }
    main {
        background: #eee;
        padding: 20px;
    }
    .el-menu-item.is-active {
        background-color: #000c17!important;
        color: #fff;
    }
    .el-menu.el-menu--inline {
        background-color: #000c17;
    }
</style>